<template>
  <card_e class="card_fContainer" v-bind="$attrs">
    <div class="card_fBottom">
      <span class="card_fBottomTitle">{{ title }}</span>
    </div>
  </card_e>
</template>

<script setup lang="ts">
import card_e from "./card_e.vue";
import { i18nt } from "@/i18n/index";

defineProps({
  title: {
    type: String,
    required: false,
    default: i18nt.value.constantsTwo.str3,
  },
});
</script>

<style scoped lang="scss">
.card_fContainer {
  width: 729px;
  :deep(.card_eTop) {
    height: 389px;
  }
}
.card_fBottom {
  @include relative_hw(81px, 100%);
  background: #ffffff;
  .card_fBottomTitle {
    margin-left: 39px;
    margin-top: 24px;
    font-family: "Songti SC", "Songti SC";
    font-weight: 900;
    font-size: 24px;
    color: #035db9;
  }
}
</style>
